<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scal=1.0,maximum-scal=1.0,user-scalable=no"/>
<title>h5网站</title>
<link rel="stylesheet" href="css/jquery.fullPage.css">

<style type="text/css">
#menu .active a { border-bottom: 2px solid red;}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.section2 p { position: relative; left: -120%;}
</style>
<script  type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/jquery.easing.min.js"></script>

<link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/page_foot_qq.css">
<link rel="stylesheet" href="css/page1.css">
<link rel="stylesheet" href="css/page2.css">
<link rel="stylesheet" href="css/page3.css">
<link rel="stylesheet" href="css/page4_1.css">
<link rel="stylesheet" href="css/page4_2.css">
<link rel="stylesheet" href="css/page4_3.css">
<link rel="stylesheet" href="css/page5.css">
    
   
   
   
   
<script type="text/javascript">
$(function(){
	$('#dowebok').fullpage({
		sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90','lightgray'],
		anchors: ['page1', 'page2', 'page3', 'page4', 'page5'],
		menu: '#menu',
		continuousVertical: true,
		controlArrows: false,

			afterLoad: function(anchorLink, index){
			if(index == 2){
				$('.section2').find('.what_txt').delay(500).animate({
					right: '20%'
				}, 1500, 'easeOutExpo');
			}
			if(index == 3){
				$('.section3').find('.headpt').delay(500).animate({
					right: '28%'
				}, 1500, 'easeOutExpo');
			}
			
			if(index == 5){
				$('.section5').find('.message').delay(500).animate({
					left: '0'
				}, 1500, 'easeOutExpo');
			}
		},
		onLeave: function(index, direction){
			if(index == '2'){
				$('.section2').find('.what_txt').delay(500).animate({
					right: '-120%'
				}, 1500, 'easeOutExpo');
			}
			if(index == '3'){
				$('.section3').find('.headpt').delay(500).animate({
					right: '-120%'
				}, 1500, 'easeOutExpo');
			}
			
			if(index == '5'){
				$('.section5').find('.message').delay(500).animate({
					left: '-120%'
				}, 1500, 'easeOutExpo');
			}
		}
	});
		

});

</script>


</head>

<body>

<!-- 响应式导航开始 -->
    <div id="header">
    	<!-- 小于1023的内容 -->
        
        <div id="nav_right_bar">
            <a href="javascript:void(0);">
                <i class="icon-reorder"></i>
            </a>
        </div>

        <div id="xylj">
         			<ul id="menu2">
                        <li data-menuanchor="page1" class="active"><a href="#page1">首页</a></li>
                        <li data-menuanchor="page2"><a href="#page2">我们服务</a></li>
                        <li data-menuanchor="page3"><a href="#page3">成功案列</a></li>
                        <li data-menuanchor="page4"><a href="#page4">关于我们</a></li>
                        <li data-menuanchor="page5"><a href="#page5">联系我们</a></li>
                   		<li>
                   			<dl id="dl1">
							      <dd>
								      	<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=173244201&amp;site=qq&amp;menu=yes">
								      		<img src="images/qq_icon.png" style="width:40px;height:auto">
								      	</a>
							      </dd>
								  <dd>
									  	<a href="tel:13924205754">
									  		<img src="images/phone_icon.png" style="width:40px;height:auto">
									  	</a>
								  </dd>
								  <dd>
									  	<a href="tel:020-38395488">
									  		<img src="images/tel_icon.png" style="width:40px;height:auto">
									  	</a>
								  </dd>
					   		</dl>
					    </li>
					</ul>
		</div>
		<!-- 小于1023的内容结束 -->
		<!-- 正常显示的内容开始 -->
		
        <div id="nav">
		        	<div id="logo">
			            <dl>
			                    <dd><a href="#page1"><img src="images/logo.png"></a></dd>
			                    <dd id="c2"></dd>
			                    <dd id="c3">
			                        <div>达者 · 兼容天下，国内h5响应式网站建设领航者!</div>
			                        <div class="logo_wz2">Compatible up by the world,The H5 response type construction site leader!</div>
			                    </dd>
			            </dl>
		        	</div>

		        	<div id="link">
                    <ul>
                        <li>
                            <div class="icon_l">
                                <div class="icon1"><img src="images/tel.png"></div>
                                <div class="icon2"><img src="images/tel_h.png"></div>
                            </div>
							<div class="frame">
                                <div class="tel"><span><img src="images/phone_small.png"></span>400-886-9266</div>
                            </div>
                        </li>
                        <li>
                            <div class="icon_l">
                                <div class="icon1"><img src="images/phone.png"></div>
                                <div class="icon2"><img src="images/phone_h.png"></div>
                            </div>
							<div class="frame">
                                <div class="f_con"><img src="images/wap_code.png" class="img-responsive"></div>
                            </div>
                        </li>
                        <li>
                            <div class="icon_l">
                                <div class="icon1"><img src="images/wx.png"></div>
                                <div class="icon2"><img src="images/wx_h.png"></div>
                            </div>
                            <div class="frame">
                                <div class="f_con"><img src="images/wx_img.jpg" class="img-responsive"></div>
                            </div>
                        </li>
                        
                           <li class="search">
                            <form class="form1" action="index.html" method="post">
                                <label id="searchlable">
	                                <input class="search_txt" type="text"/>
	                                <input class="sub_but" value="" type="submit"/>
                                </label>
                            </form>
                        </li>
                        
                    </ul>
                </div>
                <div id="lianjie">
         			<ul id="menu">
                        <li data-menuanchor="page1" class="active"><a href="#page1">首页</a></li>
                        <li data-menuanchor="page2"><a href="#page2">我们服务</a></li>
                        <li data-menuanchor="page3"><a href="#page3">成功案列</a></li>
                        <li data-menuanchor="page4"><a href="#page4">关于我们</a></li>
                        <li data-menuanchor="page5"><a href="#page5">联系我们</a></li>
                        </ul>
                 </div>
					
        </div>
        
        <!-- 正常显示的内容结束 -->
    </div>
	<!-- 响应式导航结束 -->

	<!-- 响应式导航的 js代码开始 -->
    <script type="text/javascript">
    		var  menu  = document.querySelector("#nav_right_bar");
            $menu = $(menu);
            $menu.click(function () {
                $("#xylj").animate({width:'toggle'});

            });

            $(window).resize(function () {
                var width = $(this).width();
                if(width>1024){
                    $("#nav ul").css({display:"block"});
                    $("#xylj").css({display:"none"});

                }else{
                    $("#nav ul").css({display:"none"});
                }
            });

             var  searchs  = document.querySelector(".search");
            $searchs = $(searchs);
            $searchs.mouseover(function () {
                $("#lianjie").css({right:"250px"});
                $(".search_txt").css({width:"130px",opacity:"1"});

            });
    </script>
     <!-- 响应式导航的 js代码结束 -->

<!-- 身体部分开始 -->
<div id="dowebok">
	
		<!-- 第一屏（首页）内容开始 -->
	<div class="section section1 active" style="height: 407px;" data-anchor="page1">
        <div id="zcnr">
        	<div class="covervid-wrapper">
	            <video id="video" autoplay="autoplay" loop="loop">
	                  <source src="mp4/view.mp4" type="video/mp4" >
	            </video>              
        	</div>
        	
            <!-- 点点遮罩 -->
		<div class="spot"><img src="images/spot.png"></div>
			<!-- 灰色遮罩 -->
        <div class="shade_v"></div>
            <!-- 中间部分 -->
        <div class="slides">
            <div class="tableCell">
            			<!-- 中间的第一张图片 -->
	                	<div class="big_txt1"><img src="images/big_txt.png"></div>
	                	<!-- 中间的第二张图片 -->
	                	<div class="big_txt2"><img src="images/big_txt2.png"></div>
	                	<!-- 中间文字部分 -->
	                	<div class="new_list">
	                    	<div class="fl">
	                        	<div class="fl c1">最新资讯：</div>
								<!-- 文字滚动开始 -->
	                        	<div id="scrollDiv" class="scrollDiv">
									<ul>
										<li>
											<a href="#">未来响应式网站需要改进的地方</a>
										</li>
										<li>
											<a href="#">html5网站开发的界限应用</a>
										</li>
										<li>
											<a href="#">我们将提供更专业周全的服务</a>
										</li>
										<li>
											<a href="#">我们为什么需要一个响应式网站？</a>
										</li>
									</ul>
								</div>

								<script type="text/javascript">
									function AutoScroll(obj){
										$(obj).find("ul:first").animate({
										marginTop:"-25px"
										},500,function(){
										$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
										});
									}
									$(document).ready(function(){
										setInterval('AutoScroll("#scrollDiv")',3000);
									});
								</script>
	                        	<!-- 文字滚动结束 -->
	                        	<div class="more">
	                        		<a href="网站建设/index_网站建设.html" target="_blank">MORE</a>
	                        	</div>
	                    	</div>
	                    		<div class="fr">
		                        	<div class="fl c1">最新案列：
		                        		<a href="http://www.xzmcmc.com/" target="_blank">西藏秘茶</a>
									</div>
	                    		</div>
	                    		
	                	</div>
	                		<div class="arr">
	                    		<div><img src="images/arr.png"></div>
	                    		<div class="arr_down">
	                        		<a href="#page2">
							   			<span class="ori_arr"><img src="images/arr_down.png"/></span>
							   			<span class="hover_arr"><img src="images/arr_down_w.png"/></span>
									</a>
	                    		</div>
                			</div>
            </div>
        </div>
        </div>

        <!-- 第一屏相应式的内容开始 -->
        <div id="xynr">
        	<div id="center">
        		<div id="t1"><img src="images/big_txt.png"></div>
	            <div id="t2"><img src="images/big_txt2.png"></div>
	            <div id="t3"><img src="images/arr_down_d.png"></div>
        	</div>
        </div>
       	<!-- 第一屏相应式的内容结束 -->
       	<!-- 第一屏向下箭头动画js代码 -->
	<script type="text/javascript">
		function move() {
               $("#t3").slideToggle("slow",move);
           }
           move();
      
	</script>
    </div>
    <!-- 第一屏（首页）内容结束 -->
	
	



<!--第二屏（我们服务）内容开始-->
	<div class="section section2 table" data-anchor="page2">
		<script type="text/javascript">

		$(function(){
			$("#what_ul li").hover(function(){
					$(this).find(".what_con_list").animate({top:"10px",opacity:"1"},300);
			});
			$("#what_ul li").mouseleave(function(){
					$(this).find(".what_con_list").animate({top:"70px",opacity:"0"},300);
			});

		});
			
		</script>
		<div class="tableCell">
			<div class="DIV3">
				<div class="what_txt">
					<img src="images/what_txt.png">
				</div>
				<div id="page2zc">
					<div class="what_list">
					<ul style="opacity: 1;" id="what_ul">
                    <li >
                    	<span class="a1" ></span>
                        <span class="a2" ></span>
                        <span class="a3" ></span>
                        <div class="DIV_cir">
                        	<svg class="circle_m">
							    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="85"></circle>
							    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="85"
							            transform="rotate(-90 100 100)" style="stroke-dasharray: 534.071, 534.071;
							            stroke-dashoffset: 534.071;"></circle>
							</svg> 
						   <div id="div_cirtp">
							   	<img src="images/app.png" class="first img-responsive current">
							   	<img src="images/app_r.png" class="second img-responsive">
						   </div>
						</div>
                        <div class="what_list_tit">
                            <h2 class="font24 c2">平面视觉</h2>
                            <h4 class="font14 c2">DESIGN.AI.PS</h4>
                        </div>
                        <div class="what_con_list" >从企业的基础VI形象提升到品牌的设计策划再到线上营销推广，我们能为您提供的是全案服务</div>
                    </li>
                    <li>
                    	<span class="a1" ></span>
                        <span class="a2" ></span>
                        <span class="a3" ></span>
                        <div class="DIV_cir">
                        	<svg class="circle_m">
							    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="85"></circle>
							    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="85"
							            transform="rotate(-90 100 100)" style="stroke-dasharray: 534.071, 534.071;
							            stroke-dashoffset: 534.071;"></circle>
							</svg> 
							 <div id="div_cirtp">
								    <img src="images/h5.png" class="first img-responsive current">
									<img src="images/h5_r.png" class="second img-responsive">
							</div>
						</div>
                         <div class="what_list_tit">
                            <h2 class="font24 c2">互动建站</h2>
                            <h4 class="font14 c2">WEB.JS.FLASH</h4>
                        </div>
                        <div class="what_con_list">通过良好的创意策划与设计、再配以酷炫互动效果，从而让您企业得以最小成本完成品牌传播</div> 
                    </li>
                    <li>
                    	<span class="a1" ></span>
                        <span class="a2" ></span>
                        <span class="a3"></span>
                        <div class="DIV_cir">
                        	<svg class="circle_m">
							    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="85"></circle>
							    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="85"
							            transform="rotate(-90 100 100)" style="stroke-dasharray: 534.071, 534.071;
							            stroke-dashoffset: 534.071;"></circle>
							</svg>
							 <div id="div_cirtp"> 
								<img src="images/view.png" class="first img-responsive current">
								<img src="images/view_r.png" class="second img-responsive">
							</div>
						</div>
                        <div class="what_list_tit">
                            <h2 class="font24 c2">微端应用</h2>
                            <h4 class="font14 c2">MOBILE.HTML5.JS</h4>
                        </div>
                        <div class="what_con_list">无需安装、直接访问；移动互联网时代，易点H5手机端应用无疑是您企业展示形象的最佳选择</div>
                    </li>
                    <li>
                    	<span class="a1" ></span>
                        <span class="a2" ></span>
                        <span class="a3" ></span>
                        <div class="DIV_cir">
                        	<svg class="circle_m">
							    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="85"></circle>
							    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="85"
							            transform="rotate(-90 100 100)" style="stroke-dasharray: 534.071, 534.071;
							            stroke-dashoffset: 534.071;"></circle>
							</svg> 
							 <div id="div_cirtp">
								 <img src="images/web_phone.png" class="first img-responsive current">
								 <img src="images/web_phone_r.png" class="second img-responsive">
							</div>
						</div>
                        <div class="what_list_tit">
                            <h2 class="font24 c2">APP 开发</h2>
                            <h4 class="font14 c2">web APP/原生APP</h4>
                        </div>
                        <div class="what_con_list" >基于IOS和Android系统的移动APP应用定制开发，让您永远比竞争对手抢先一步占据市场制高点</div>
                    </li>
                </ul>
                <script type="text/javascript" src="jquery.niceHover.js"></script>
				<script type="text/javascript">
				    $(".what_list li").niceHover({weight:1,color:"#530091"});
				</script>
                <script type="text/javascript">
				    $(function () {
				        $("#page2zc li").hover(function (e) {
				            $(this).find("circle:eq(1)").stop(true,true).animate({"stroke-dashoffset":0},
				                {"duration":500,"easing":"easeOutBounce","complete":function () {
				                    console.log("动画完了");
				                }});
							$(this).find("img.first").removeClass("current");
							$(this).find("img.second").addClass("current");
							e.stopPropagation();
				        },function () {
				            $(this).find("circle:eq(1)").stop(true,true).animate({"stroke-dashoffset":534.071},500);
				            $(this).find("img.second").removeClass("current");
							$(this).find("img.first").addClass("current");
				        });
				    });
				</script>
					</div>
				</div>

		<!-- 响应式的内容开始 -->

		 <div id="page2xy">
					<ul style="opacity: 1;" id="what_ul" class="page2xyul">
		                    <li id="page2xyli1">
		                        <div class="DIV_cirxy">
		                        	<svg class="circle_mxy">
									    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="50"></circle>
									    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="50"
									            transform="rotate(-90 100 100)" style="stroke-dasharray: 314.159, 314.159;
									            stroke-dashoffset:0;"></circle>
									</svg> 
								   <div id="div_cirtpxy">
									   	<img src="images/app.png" class="page2first2"/>
									   	<img src="images/app_r.png" class="page2second2"/>
								   </div>
								</div>
		                        <div class="what_list_tit2">
		                            <h2 class="tit2_1">平面视觉</h2>
		                            <h4 class="tit2_2">DESIGN.AI.PS</h4>
		                        </div>
		                    </li>
		                    <li id="page2xyli2">
		                        <div class="DIV_cirxy">
		                        	<svg class="circle_mxy">
									    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="50"></circle>
									    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="50"
									            transform="rotate(-90 100 100)" style="stroke-dasharray: 314.159, 314.159;
									            stroke-dashoffset:0;"></circle>
									</svg> 
								   <div id="div_cirtpxy">
									   	<img src="images/h5.png" class="page2first2"/>
									   	<img src="images/h5_r.png" class="page2second2"/>
								   </div>
								</div>
		                        <div class="what_list_tit2">
		                            <h2 class="tit2_1">互动建站</h2>
		                            <h4 class="tit2_2">WEB.JS.FLASH</h4>
		                        </div>
		                    </li>
		                    <li id="page2xyli3">
		                        <div class="DIV_cirxy">
		                        	<svg class="circle_mxy">
									    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="50"></circle>
									    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="50"
									            transform="rotate(-90 100 100)" style="stroke-dasharray: 314.159, 314.159;
									            stroke-dashoffset:0;"></circle>
									</svg> 
								   <div id="div_cirtpxy">
									   	<img src="images/view.png" class="page2first2"/>
									   	<img src="images/view_r.png" class="page2second2"/>
								   </div>
								</div>
		                        <div class="what_list_tit2">
		                            <h2 class="tit2_1">微端应用</h2>
		                            <h4 class="tit2_2">MOBILE.HTML5.JS</h4>
		                        </div>
		                    </li>
		                   <li id="page2xyli4">
		                        <div class="DIV_cirxy">
		                        	<svg class="circle_mxy">
									    <circle class="cd-stroke cd-stroke-color-2" cx="100" cy="100" r="50"></circle>
									    <circle class="cd-stroke cd-stroke-color-3" cx="100" cy="100" r="50"
									            transform="rotate(-90 100 100)" style="stroke-dasharray: 314.159, 314.159;
									            stroke-dashoffset:0;"></circle>
									</svg> 
								   <div id="div_cirtpxy">
									   	<img src="images/web_phone.png" class="page2first2"/>
									   	<img src="images/web_phone_r.png" class="page2second2"/>
								   </div>
								</div>
		                        <div class="what_list_tit2">
		                            <h2 class="tit2_1">APP 开发</h2>
		                            <h4 class="tit2_2">web APP/原生APP</h4>
		                        </div>
		                    </li>
		                </ul>
		                 <script type="text/javascript" src="jquery.niceHover.js"></script>
				<script type="text/javascript">
				    $(".what_list li").niceHover({weight:1,color:"#530091"});
				</script>
                <script type="text/javascript">
				    $(function () {
				        $("#page2xy li").hover(function (e) {
				            $(this).find("circle:eq(1)").stop(true,true).animate({"stroke-dashoffset":0},
				                {"duration":500,"easing":"easeOutBounce","complete":function () {
				                    console.log("动画完了");
				                }});
							e.stopPropagation();
				        },function () {
				            $(this).find("circle:eq(1)").stop(true,true).animate({"stroke-dashoffset":314.159},500);
				        });
				    });
				</script>
		</div>
		<!-- 响应式的内容结束 -->

			</div>
		</div>

		
	</div>
	<!--第二屏（我们服务）内容结束-->

	<!-- 第三屏开始 -->
	<div class="section section3">
		<!-- <p>绑定的菜单没有默认的样式，你需要自行编写</p> -->
		<div id="fatherbox">
			<div id="sonbox">
				<div class="headpt">
					<img src="images/from_txt.png">
				</div>
				<!-- 正常显示的内容盒子开始 -->
				<div class="nrbox">
					<!-- 第一个盒子 -->
					<div class="box_1">
						<!-- 图片 -->
						<div class="nrtp">
							<div class="pag3more">MORE</div>
							<div class="pg3zhezhao"></div>
							<div class="pg3ytp">
								<img src="images/caseimg1.jpg">
							</div>
						</div>
						<!-- 文字 -->
						<div class="pg3wzbody">
							<div class="wenzi">
						        <div class="num hovernum">01</div>
						        <div class="txt hovertxt">
						            <p class="p1">典型客户</p>
						            <p class="p2">为客户创造价值、传递价值是我们的最终使命</p>
						        </div>
						    </div>
						   <!-- 动画的文字 -->
						   <div class="pag3dhwz">
							   	<div class="dhwenzi">
							        <div class="num hovernum">01</div>
							        <div class="txt hovertxt">
							            <p class="p1">典型客户</p>
							            <p class="p2">为客户创造价值、传递价值是我们的最终使命</p>
							        </div>
							    </div>
							    <div class="wenzijt">
							    	<img src="images/arrl_right.png">
							    </div>
						   </div>
						</div>

					</div>
					<!-- 第二个盒子 -->
					<div class="box_2">
						<!-- 图片 -->
						<div class="nrtp">
							<div class="pag3more">MORE</div>
							<div class="pg3zhezhao"></div>
							<div class="pg3ytp">
								<img src="images/caseimg2.jpg">
							</div>
						</div>
						<!-- 文字 -->
						<div class="pg3wzbody">
							<div class="wenzi">
						        <div class="num hovernum">02</div>
						        <div class="txt hovertxt">
						            <p class="p1">网建案例</p>
							        <p class="p2">树立企业形象，推进品牌传播</p>
						        </div>
						    </div>
						   <!-- 动画的文字 -->
						   <div class="pag3dhwz2">
							   	<div class="dhwenzi">
							        <div class="num hovernum">02</div>
							        <div class="txt hovertxt">
							            <p class="p1">网建案例</p>
							            <p class="p2">树立企业形象，推进品牌传播</p>
							        </div>
							    </div>
							    <div class="wenzijt">
							    	<img src="images/arrl_right.png">
							    </div>
						   </div>
						</div>

					</div>
					<!-- 第三个盒子 -->
					<div class="box_3">
						<!-- 图片 -->
						<div class="nrtp">
							<div class="pag3more">MORE</div>
							<div class="pg3zhezhao"></div>
							<div class="pg3ytp">
								<img src="images/caseimg3.jpg">
							</div>
						</div>
						<!-- 文字 -->
						<div class="pg3wzbody">
							<div class="wenzi">
						        <div class="num hovernum">03</div>
						        <div class="txt hovertxt">
						            <p class="p1">微端应用</p>
						            <p class="p2">错过手机网络商机，您就错过了一个时代</p>
						        </div>
						    </div>
						   <!-- 动画的文字 -->
						   <div class="pag3dhwz3">
							   	<div class="dhwenzi">
							        <div class="num hovernum">03</div>
							        <div class="txt hovertxt">
							            <p class="p1">微端应用</p>
						            	<p class="p2">错过手机网络商机，您就错过了一个时代</p>
							        </div>
							    </div>
							    <div class="wenzijt">
							    	<img src="images/arrl_right.png">
							    </div>
						   </div>
						</div>

					</div>

						<div id="page3morebox">
		        			<div class="page3more">
		        			<a href="网站建设/index_网站建设.html">MORE</a>
		        			</div>
		        			<div class="page3moreyy"></div>
	        			</div>
				</div>
					<!-- 正常显示的内容盒子结束 -->
					<!-- 响应式时的内容盒子开始 -->
					
						<div id="pag3xyall">
							<div id="pag3xybox1">
								<div class="pg3wzbody">
									<div class="wenzi">
								        <div class="num hovernum">01</div>
								        <div class="txt hovertxt">
								            <p class="p1">典型客户</p>
								            <p class="p2">为客户创造价值、传递价值是我们的最终使命</p>
								        </div>
								    </div>
								   <!-- 动画的文字 -->
								   <div class="pag3dhwz">
									   	<div class="dhwenzi">
									        <div class="num hovernum">01</div>
									        <div class="txt hovertxt">
									            <p class="p1">典型客户</p>
									            <p class="p2">为客户创造价值、传递价值是我们的最终使命</p>
									        </div>
									    </div>
									    <div class="wenzijt">
									    	<img src="images/arrl_right.png">
									    </div>
								   </div>
								</div>
							</div>
					

							<div id="pag3xybox2">
								<div class="pg3wzbody">
									<div class="wenzi">
								        <div class="num hovernum">02</div>
								        <div class="txt hovertxt">
								            <p class="p1">网建案例</p>
									        <p class="p2">树立企业形象，推进品牌传播</p>
								        </div>
								    </div>
								   <!-- 动画的文字 -->
								   <div class="pag3dhwz2">
									   	<div class="dhwenzi">
									        <div class="num hovernum">02</div>
									        <div class="txt hovertxt">
									            <p class="p1">网建案例</p>
									            <p class="p2">树立企业形象，推进品牌传播</p>
									        </div>
									    </div>
									    <div class="wenzijt">
									    	<img src="images/arrl_right.png">
									    </div>
								   </div>
								</div>
							</div>

							<div id="pag3xybox3">
								<div class="pg3wzbody">
									<div class="wenzi">
								        <div class="num hovernum">03</div>
								        <div class="txt hovertxt">
								            <p class="p1">微端应用</p>
								            <p class="p2">错过手机网络商机，您就错过了一个时代</p>
								        </div>
								    </div>
								   <!-- 动画的文字 -->
								   <div class="pag3dhwz3">
									   	<div class="dhwenzi">
									        <div class="num hovernum">03</div>
									        <div class="txt hovertxt">
									            <p class="p1">微端应用</p>
								            	<p class="p2">错过手机网络商机，您就错过了一个时代</p>
									        </div>
									    </div>
									    <div class="wenzijt">
									    	<img src="images/arrl_right.png">
									    </div>
								    </div>
								</div>
							</div>
						
							<div id="page3morebox">
			        			<div class="page3more">
			        				<a href="网站建设/index_网站建设.html">MORE</a>
			        			</div>
			        			<div class="page3moreyy"></div>
	        				</div>
						</div>
					
					<!-- 响应式时的内容盒子结束 -->
					</div>
				</div>
						<!-- 第三屏的动画js代码开始 -->
		<script type="text/javascript">
			
	          	/*第一个盒子动画*/
				$(".box_1").mouseover(function(){
	    		$(".pag3dhwz").stop(true).slideDown("speed");

	  		});
				$(".box_1").mouseout(function(){
	    		$(".pag3dhwz").stop(true).slideUp("speed");

	  		});
				/*第二个盒子动画*/
				$(".box_2").mouseover(function(){
	    		$(".pag3dhwz2").stop(true).slideDown("speed");

	  		});
				$(".box_2").mouseout(function(){
	    		$(".pag3dhwz2").stop(true).slideUp("speed");

	  		});
				/*第三个盒子动画*/
				$(".box_3").mouseover(function(){
	    		$(".pag3dhwz3").stop(true).slideDown("speed");

	  		});
				$(".box_3").mouseout(function(){
	    		$(".pag3dhwz3").stop(true).slideUp("speed");

	  		});
				/*响应式的动画*/

				/*响应式的第一个文字盒子*/
				$("#pag3xybox1").mouseover(function(){
	    		$(".pag3dhwz").stop(true).slideDown("speed");

	  		});
				$("#pag3xybox1").mouseout(function(){
	    		$(".pag3dhwz").stop(true).slideUp("speed");

	  		});
				/*响应式的第二个文字盒子*/
				$("#pag3xybox2").mouseover(function(){
	    		$(".pag3dhwz2").stop(true).slideDown("speed");

	  		});
				$("#pag3xybox2").mouseout(function(){
	    		$(".pag3dhwz2").stop(true).slideUp("speed");

	  		});
				/*响应式的第三个文字盒子*/
				$("#pag3xybox3").mouseover(function(){
	    		$(".pag3dhwz3").stop(true).slideDown("speed");

	  		});
				$("#pag3xybox3").mouseout(function(){
	    		$(".pag3dhwz3").stop(true).slideUp("speed");

	  		});
		</script>
		<!-- 第三屏的动画js代码结束 -->
	
	</div>
		
		<!-- 第三屏结束 -->
	

<!-- 第四屏开始 -->
	<div class="section section4">
		<div id="page4box">
			<!-- 菜单栏 -->
			<div id="pag4menu">
				<a id="page4a1" href="#page4" class="active">关于</a>
				<a id="page4a2" href="h5网站.html#page4/1">新闻</a>
				<a id="page4a3" href="h5网站.html#page4/2">DESIGNER</a>
			</div>
				<!-- 遮罩层开始 -->
			<div class="zz" style="display: block;">
				<div class="left_zz"></div>
				<div class="right_zz"></div>
				<div class="clearfix"></div>
						
			</div>
			<!-- 遮罩层结束 -->
			<!-- 三个页面动画的js代码开始 -->
			<script type="text/javascript">
						$(function(){
							/*关于按钮动画*/
							$("#page4a2").click(function(){
								/*$(".left_zz").toggleClass("left_zzcurrent");
								$(".right_zz").toggleClass("right_zzcurrent");*/

								$(".left_zz").addClass("page4current");
								$(".right_zz").addClass("page4current");
								$(".page4out").removeClass("page4out");
								$('.section4').find('#page4_2fatherbox').delay(1000).animate({
									opacity: "1"
									}, 1500, 'easeOutExpo');

								$('.section4').find('.page4_3box1').css("top","500");
								$('.section4').find('.page4_3box2').css("top","500");
								$('.section4').find('.page4_3box3').css("top","500");
								$('.section4').find('.page4_3box4').css("top","500");
								$('.section4').find('.page4_3box5').css("top","500");

								$("#page4a1").removeClass("active");
								$("#page4a3").removeClass("active");
								$("#page4a2").addClass("active");

								
								 
								
								});
							/*新闻按钮动画*/
							$("#page4a1").click(function(){
								  $(".page4current").addClass("page4out");
								  $(".page4current").addClass("page4out");

								  $('.section4').find('.page4_3box1').css("top","500");
								$('.section4').find('.page4_3box2').css("top","500");
								$('.section4').find('.page4_3box3').css("top","500");
								$('.section4').find('.page4_3box4').css("top","500");
								$('.section4').find('.page4_3box5').css("top","500");

								$('.section4').find('#page4_2fatherbox').css("opacity","0");

								$("#page4a2").removeClass("active");
								$("#page4a3").removeClass("active");
								$("#page4a1").addClass("active");


								});

							/*DESIGNER按钮动画*/
							$("#page4a3").click(function(){
								    $(".page4current").addClass("page4out");
								  $(".page4current").addClass("page4out");

								  $('.section4').find('.page4_3box1').delay(500).animate({
										top: "0"
										}, 1500, 'easeOutExpo');
								  $('.section4').find('.page4_3box2').delay(1000).animate({
										top: "0"
									}, 1500, 'easeOutExpo');
								  $('.section4').find('.page4_3box3').delay(500).animate({
										top: "0"
									}, 1000, 'easeOutExpo');
								   $('.section4').find('.page4_3box4').delay(1100).animate({
										top: "0"
									}, 1500, 'easeOutExpo');
								    $('.section4').find('.page4_3box5').delay(1200).animate({
										top: "0"
									}, 1500, 'easeOutExpo');
									$('.section4').find('#page4_2fatherbox').css("opacity","0");

									$("#page4a2").removeClass("active");
									$("#page4a1").removeClass("active");
									$("#page4a3").addClass("active");

								});
						});
			</script>
			<!-- 三个页面动画的js代码结束 -->

				
		
			<!-- 第四屏的第一个页面开始 -->
			<div id="page4_1box" class="slide">
				<div id="page4_1sonbox">
					<div id="page4_1header">
						<p>客户群体分布</p>
					</div>
					<div id="page4_1body">
						<div id="page4_1boxfather">
							<div class="page4_1box_1">
								<div class="page4_1zhezhao1"></div>
								<div class="page4_1zhezhao2"></div>
								<div class="page4_1boxnr">
									<div class="page4_1image">
										<img src="images/icon1.png"/>
									</div>
									<p class="page4_1nrwz1">政府国企</p>
									<p class="page4_1nrwz2">5%</p>
								</div>
							</div>
							<div class="page4_1box_2">
								<div class="page4_1zhezhao1"></div>
								<div class="page4_1zhezhao2"></div>
								<div class="page4_1boxnr">
									<div class="page4_1image">
										<img src="images/icon2.png"/>
									</div>
									<p class="page4_1nrwz1">中小企业</p>
									<p class="page4_1nrwz2">10%</p>
								</div>
							</div>
							<div class="page4_1box_3">
								<div class="page4_1zhezhao1"></div>
								<div class="page4_1zhezhao2"></div>
								<div class="page4_1boxnr">
									<div class="page4_1image">
										<img src="images/icon3.png"/>
									</div>
									<p class="page4_1nrwz1">知名品牌</p>
									<p class="page4_1nrwz2">20%</p>
								</div>
							</div>
							<div class="page4_1box_4">
								<div class="page4_1zhezhao1"></div>
								<div class="page4_1zhezhao2"></div>
								<div class="page4_1boxnr">
									<div class="page4_1image">
										<img src="images/icon4.png"/>
									</div>
									<p class="page4_1nrwz1">上市企业</p>
									<p class="page4_1nrwz2">30%</p>
								</div>
							</div>
							<div class="page4_1box_5">
								<div class="page4_1zhezhao1"></div>
								<div class="page4_1zhezhao2"></div>
								<div class="page4_1boxnr">
									<div class="page4_1image">
										<img src="images/icon5.png"/>
									</div>
									<p class="page4_1nrwz1">集团公司</p>
									<p class="page4_1nrwz2">35%</p>
								</div>
							</div>
						</div>
						<div id="page4_1wenzi">
							<div id="page4_1footwenzi1">
								<p>
									广州爱企舞网络科技有限公司（简称H5互动）是易点科技旗下专注html5互动建站的子业务品牌，专注高端品牌网站建设、h5响应式网站建设、移动端网站设计、微信深度定制、H5活动定制，通过H5的最新技术为您创造有活力的品牌网站，提升用户体验和品牌价值，目前已为国内外众多知名企业及知名品牌提供服务。
								</p>
							</div>
							<div id="page4_1footwenzi2">
								<p>
									同时,易点也是“亚美杯” 世界城市旅游小姐大赛中国赛区指定的技术支持单位，及上汽集团下属4S店系统解决方案服务商。
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 第四屏的第一个页面结束 -->

			<!-- 第四屏的第二个页面开始 -->
	        <div class="slide">
	        	
	        	<div id="page4_2body">
	        	<div id="page4_2fatherbox">
	        		<!-- 第一个盒子开始 -->
	        		<div class="page4-2sonbox1">
	        			<div class="page4_2numbox1">	
	        				<div class="page4_2num">01</div>
	        				<div class="page4_2wenzi">查看详情</div>
	        			</div>
	        			<div class="page4_2wenzibox">
	        				<p class="page4_2wz1">
	        					我们为什么需要一个响应式网站？
	        				</p>
	        				<p class="page4_2wz2">
	        					随着移动互联网的到来，消费者对我们的网站提出了更高的要求，我们的网站不仅需要满足电脑端客户...
	        				</p>
	        			</div>
	        		</div>
	        		<!-- 第一个盒子结束 -->
	        		<!-- 第二个盒子开始 -->
	        		<div class="page4-2sonbox2">
	        			<div class="page4_2numbox2">	
	        				<div class="page4_2num">02</div>
	        				<div class="page4_2wenzi">查看详情</div>
	        			</div>
	        			<div class="page4_2wenzibox">
	        				<p class="page4_2wz1">
	        					未来响应式网站需要改进的地方
	        				</p>
	        				<p class="page4_2wz2">
	        					随着全球移动互联网大会的召开，大家又再一次的把目光放到了移动互联网上面，而且随着时代的进步...
	        				</p>
	        			</div>
	        		</div>
	        		<!-- 第二个盒子结束 -->
	        		<!-- 第三个盒子开始 -->
	        		<div class="page4-2sonbox3">
	        			<div class="page4_2numbox3">	
	        				<div class="page4_2num">03</div>
	        				<div class="page4_2wenzi">查看详情</div>
	        			</div>
	        			<div class="page4_2wenzibox">
	        				<p class="page4_2wz1">
	        					我们将提供更专业周全的服务
	        				</p>
	        				<p class="page4_2wz2">
	        					易点新成立爱企舞互动团队，代表着我们将更专注于互联网设计、创意策略，移动设备，产品开发以及...

	        				</p>
	        			</div>
	        		</div>
	        		<!-- 第三个盒子结束 -->
	        		<!-- 第四个盒子开始 -->
	        		<div class="page4-2sonbox4">
	        			<div class="page4_2numbox4">	
	        				<div class="page4_2num">01</div>
	        				<div class="page4_2wenzi">查看详情</div>
	        			</div>
	        			<div class="page4_2wenzibox">
	        				<p class="page4_2wz1">
	        					html5网站开发的界限应用
	        				</p>
	        				<p class="page4_2wz2">
	        					今年将有超过10亿个移动设备安装 HTML5 浏览器，这个数字预计到 2016 年将会翻一...
	        				</p>
	        			</div>
	        		</div>
	        		<!-- 第四个盒子结束 -->

	        		<div id="page4_2morebox">
	        			<div class="page4_2more">
	        			<a href="#">MORE</a>
	        		</div>
	        		<div class="page4_2moreyy"></div>
	        		</div>
	        	</div>
	        	</div>
	        </div>
	        <!-- 第四屏的第二个页面结束 -->

			<!-- 第四屏的第三个页面开始 -->
	        <div id="page4_3box" class="slide">
	        	<div id="page4_3body">
	        		<div id="page4_3fatherbox">
	        			<div id="page4_3leftpt">
	        				<img src="images/team_font.png">
	        			</div>
	        			<div id="page4_3right">
	        				<!-- 第一个盒子开始 -->
	        				<div class="page4_3box1">
	        					<div class="page4_3boxtp">
	        						<img src="images/deg1.jpg">
	        					</div>
	        					<div class="page4_3xxbox">
	        						<span class="page4s1"></span>
	        						<span class="page4s2"></span>
	        						<span class="page4s3"></span>
	        						<span class="page4s4"></span>
	        						<div class="page4_3xxname">
	        							鸿雁
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					<div class="page4_3xxwenzi">
	        						<p>4年多网页设计经验、思想跳跃敢于创新，所以设计风格极有张力，理解能力强，服务过的客户对其评价都很高，目前是易点中小企业项目设计的中坚力量</p>
	        					</div>
	        				</div>
	        				<!-- 第一个盒子结束 -->
	        				<!-- 第二个盒子开始 -->
	        				<div class="page4_3box2">
	        						
	        					<div class="page4_3boxtp">
	        						<img src="images/deg2.jpg">
	        					</div>
	        					<div class="page4_3xxbox">
	        						<span class="page4s1"></span>
	        						<span class="page4s2"></span>
	        						<span class="page4s3"></span>
	        						<span class="page4s4"></span>
	        						<div class="page4_3xxname">
	        							阿相
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					<div class="page4_3xxwenzi">
	        						<p>3年平面创作经验、6年UI设计经验，曾在多家大型知名企业任职，曾服务过屈臣氏 、珠江钢琴、东凌粮油 建华置地 、浪奇等知名企业，设计风格成熟稳重且特别富有思想</p>
	        					</div>
	        				</div>
	        				<!-- 第二个盒子结束 -->
	        				<!-- 第三个盒子开始 -->
	        				<div class="page4_3box3">

	        						
	        					<div class="page4_3boxtp">
	        						<img src="images/deg3.jpg">
	        					</div>
	        					<div class="page4_3xxbox">
	        						<span class="page4s1"></span>
	        						<span class="page4s2"></span>
	        						<span class="page4s3"></span>
	        						<span class="page4s4"></span>
	        						<div class="page4_3xxname">
	        							陈诚
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					<div class="page4_3xxwenzi">
	        						<p>湖北美术学院本科，主修绘画，有极深厚的手绘功底，曾自主创业壁画服务两年，后转做网页设计，从小接触美术，对色彩敏感、喜欢研究国外的最时尚设计风格. </p>
	        					</div>
	        				</div>
	        				<!-- 第三个盒子结束 -->
	        				<!-- 第四个盒子开始 -->
	        				<div class="page4_3box4">

	        						
	        					<div class="page4_3boxtp">
	        						<img src="images/deg4.jpg">
	        					</div>
	        					<div class="page4_3xxbox">
	        						<span class="page4s1"></span>
	        						<span class="page4s2"></span>
	        						<span class="page4s3"></span>
	        						<span class="page4s4"></span>
	        						<div class="page4_3xxname">
	        							阿明
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					<div class="page4_3xxwenzi">
	        						<p>毕业于广州美术学院，从小接触美术，有深厚的美术功底，良好的项目策划把控能力，设计风格多样化，经典案例有：凯芙兰，柒牌，光明牛奶，丰田，歌莉娅。</p>
	        					</div>
	        				</div>
	        				<!-- 第四个盒子结束 -->
	        				<!-- 第五个盒子开始 -->
	        				<div class="page4_3box5">
	        						
	        					<div class="page4_3boxtp">
	        						<img src="images/deg5.jpg">
	        					</div>
	        					<div class="page4_3xxbox">
	        						<span class="page4s1"></span>
	        						<span class="page4s2"></span>
	        						<span class="page4s3"></span>
	        						<span class="page4s4"></span>
	        						<div class="page4_3xxname">
	        							阿城
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					<div class="page4_3xxwenzi">
	        						<p>专职交互动画师，毕业于广州美术学院，16岁开始实习设计类工作，后转动画设计，曾在多家大型互动设计公司任职，有极强的交互设计创意、研发能力。</p>
	        					</div>
	        				</div>
	        				<!-- 第五个盒子结束 -->
	        			</div>
	        		</div>
	        	</div>

	        	<!-- 响应式的内容开始 -->

	        	<div id="page4_3rightxy">
	        				<!-- 第一个盒子开始 -->
	        				<div class="page4_3boxxy">
	        					<div class="page4_3boxtp">
	        						<img src="images/deg1.jpg">
	        					</div>
	        					<div class="page4_3xxboxxy">
	        						<div class="page4_3xxname">
	        							鸿雁
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					
	        				</div>
	        				<!-- 第一个盒子结束 -->
	        				<!-- 第二个盒子开始 -->
	        				<div class="page4_3boxxy">
	        					<div class="page4_3boxtp">
	        						<img src="images/deg2.jpg">
	        					</div>
	        					<div class="page4_3xxboxxy">
	        						<div class="page4_3xxname">
	        							阿相
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					
	        				</div>
	        				<!-- 第二个盒子结束 -->
	        				<!-- 第三个盒子开始 -->
	        				<div class="page4_3boxxy">
	        					<div class="page4_3boxtp">
	        						<img src="images/deg3.jpg">
	        					</div>
	        					<div class="page4_3xxboxxy">
	        						<div class="page4_3xxname">
	        							陈诚
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					
	        				</div>
	        				<!-- 第三个盒子结束 -->
	        				<!-- 第四个盒子开始 -->
	        				<div class="page4_3boxxy">
	        					<div class="page4_3boxtp">
	        						<img src="images/deg4.jpg">
	        					</div>
	        					<div class="page4_3xxboxxy">
	        						<div class="page4_3xxname">
	        							陈明
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					
	        				</div>
	        				<!-- 第四个盒子结束 -->
	        				<!-- 第五个盒子开始 -->
	        			<div class="page4_3boxxy">
	        					<div class="page4_3boxtp">
	        						<img src="images/deg5.jpg">
	        					</div>
	        					<div class="page4_3xxboxxy">
	        						<div class="page4_3xxname">
	        							陈城
	        						</div>
	        						<div class="page4_3xxDesigner">
	        							Designer
	        						</div>
	        					</div>
	        					
	        				</div>
	        				<!-- 第五个盒子结束 -->
	        			</div>
	        	<!-- 响应式的内容结束 -->
	        </div>
	        <!-- 第四屏的第三个页面结束 -->
        </div>
	</div>
	<!-- 第四屏结束 -->


<!--第五屏（联系我们）内容开始-->
	<div class="section section5 table" data-anchor="page2">
		<div class="tableCell">
			<div class="DIV5">
				<div class="contact_wrap">
					<div class="fl message">
		                <div class="main_tit">
		                    <div class="font20">我们只为您而想</div>
		                    <div class="font12">
							<br>
		                    品牌视觉形象不够震撼冲击？电子商务平台搭建无从下手？苦思冥想电子商务平台推广？<br>线上活动如何才能互动全网？要让用户积极主动留下信息？......</div>
		                    <div class="font12 c5 line2">所有的问题尽情留下，易点爱企舞为您全面策划！</div>
		                </div>
		                <div class="mess_list">
		                    <form id="form1" action='' method='post'>
		                    	<div>
			                    	<input type="text" class="short_txt" name="name" placeholder="您的称呼" required>
			                        <span class="span1">*称呼不能为空</span>
		                        </div>
			                    <div>
			                    	<input type="text" class="short_txt" name="company" placeholder="所代表的公司" required>
									<span class="span2">*公司不能为空</span>
			                    </div>
			                    <div>
			                    	<input type="text" class="short_txt" name="phone" placeholder="您的联系电话" required>
									<span class="span3">*联系电话不能为空</span>
			                    </div>
			                    <div id="page5textarea">
			                    	<textarea class="long_txt" name="message" placeholder="请输入您的详细需求描述，我们将在24小时内给出答复..."></textarea>
			                    </div>
		                        <div><input type="submit" class="send" value="确定发送"></div>
		                    </form>
		                </div> 
	            	</div>
	            	<div class="fr con_txt">
		                <div class="phone_num">
		                    <div class="phone_img">
		                    	<img src="images/phone_img.png">
		                    </div>
		                    <div class="num_list">
		                        <div id="num_list1">400-886-9266</div>
		                        <div id="num_list2">020-85276913</div>
		                    </div>
		                </div>
	                <div class="add">
	                    <dl>
	                        <dd>广州爱企舞互动设计有限公司</dd>
	                        <dd>地址：广州天河区黄埔大道西495号嘉冠国际大厦10楼</dd>
	                    </dl>
	                </div>
	                <div class="map">
	                    <img src="images/map.jpg" class="img-responsive">
	                </div>
	                <div class="contact_list">
	                    <ul>
	                        <li>
	                            <p>竹叶青</p>
	                            <p><a href="tencent://message/?uin=173244201">QQ：173244201</a></p>
	                        </li>
	                        <li>
	                            <p>林文钦</p>
	                            <p><a href="tencent://message/?uin=3321079045">QQ：3321079045</a></p>
	                        </li>
	                        <li>
	                            <p>余小姐</p>
	                            <p><a href="tencent://message/?uin=2637953860">QQ：3101233392</a></p>
	                        </li>
	                    </ul>
	                </div>
	                <div class="code_list">
	                    <ul>
	                        <li><img src="images/sina_img.jpg"></li>
	                        <li><img src="images/wx_img.jpg"></li>
	                        <li><img src="images/eidea_img.jpg"></li>
	                    </ul>
	                </div>
	            </div>
	            <div class="clearfix"></div>
	        </div>
		</div>
	</div>

</div>
	<!--第五屏（联系我们）内容结束-->

</div>
<!-- 身体部分结束 -->
<!-- QQ客服开始 -->
<div id="pageQQ">
	<div id="pageqqbox">
		<div id="pageqq1">
			<img src="images/QQ_S__03.png">
		</div>
		<div id="pageqq2">
			<div id="pageqq2bck">
				<img src="images/QQ_s_03.png">
			
			</div>
			<div id="pageqqname">
					<a href="#">
						<div class="qqimg1box">
							<p class="qqimgp">李钟硕</p>
							<img class="qqimg1" src="images/QQ_S_i_03.png">
						</div>
					</a>
					<a href="#">
						<div class="qqimg1box">
							<p class="qqimgp">李敏镐</p>
							<img class="qqimg1" src="images/QQ_S_i_03.png">
						</div>
					</a>
					<a href="#">
						<div class="qqimg1box">
							<p class="qqimgp">宋仲基</p>
							<img class="qqimg1" src="images/QQ_S_i_03.png">
						</div>
					</a>
					<a href="#">
						<div class="qqimg1box">
							<p class="qqimgp">李光珠</p>
							<img class="qqimg1" src="images/QQ_S_i_03.png">
						</div>
					</a>

					
			</div>
		</div>
	</div>
</div>
<!-- QQ客服结束 -->
<!-- 页脚开始 -->
<div id="pagefoot">
		<p>全国免费电话：400-886-9266 电话：(020) 85276913

	广州爱企舞互动设计有限公司 粤ICP备15085589号-1</p>
</div>
<!-- 页脚结束 -->

</body>
</html>